<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/linkage.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTable.min.js"></script>
<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/controllers/rollOutCtrl.js"></script>
<script type="text/javascript" src="js/controllers/indexCtrl.js"></script>
</head>
<div class="bor_det_oner fl">
	<form class="well">
		<fieldset>
			<div style="width: 1000px; margin-bottom: 20px;">
				<label class="rollOut-input-label">姓名</label> <input id="userName"
					type="text" autofocus>
				<div style="float: right; margin-rigth: 30px;">
					<label class="rollOut-input-label">手机号</label> <input id="phone"
						type="text">
				</div>
			</div>
			<div style="width: 1000px; margin-bottom: 20px;">
				<label>转出银行卡号</label> <input type="text" id="cardID"
					onblur="queryCardRegion()">
				<div style="float: right; margin-rigth: 30px;">
					<label class="rollOut-input-label">转出银行卡归属地</label> <input
						type="text" readonly id="cardName">
				</div>
			</div>
			<div style="width: 1000px; margin-bottom: 20px;">
				<label class="rollOut-input-label">转出金额</label> <input type="text"
					id="rollOutPrice" oninput="rollOutValidPrice()" /> <span
					id="rollPriceError" style="color: #f00;"></span>
			</div>

			<div style="width: 1000px;">
				<button type="button" id="submitBtn" class="bor_btn"
					onclick="rollOut()" style="float: right;">立即转出</button>
			</div>
		</fieldset>
	</form>
</div>
<div class="lg_list_01"
	style="margin: 10px auto; width: 92%; height: 378px; overflow-y: auto; overflow-x: hidden;">
	<div style="width: 100%; height: 50px;">
		<label style="line-height: 40px; color: #333; font-size: 16px;">交易记录：</label>
		<button type="button" class="commonLink"
			style="float: right; width: 50px; height: 25px; margin-top: 12px;"
			onclick="refresh()">刷新</button>
	</div>
	<table class="historyTable">
		<thead>
			<tr>
				<td>流水号</td>
				<td>交易类型</td>
				<td>交易金额</td>
				<td>资金流向</td>
				<td>交易时间</td>
				<td>状态</td>
				<td>操作人</td>
				<td>账号</td>
			</tr>
		</thead>
		<tbody id="rollDisplayData">

		</tbody>

	</table>
	<div id="rollNoData"></div>
	<div>
		共<span id="rollTotal"></span>页
		<button id="rollPrePageBtn" class="commonLink" type="button"
			onclick="prePage()" style="margin: 0 5px 0 10px; padding: 0 5px;">上一页</button>
		<span>当前页：</span><span id="rollCurrentPage"></span>
		<button id="rollNextPageBtn" class="commonLink" type="button"
			onclick="nextPage()  " style="margin: 0 5px 0 5px; padding: 0 5px;">下一页</button>
	</div>
</div>

<script>
	queryUserInfo();
	queryRollHistory();
	function refresh() {
		queryRollHistory();
	}
</script>
<style>
.rollOut-input-label {
	display: inline-block;
	width: 140px;
	padding-right: 15px;
	line-height: 40px;
	color: #333333;
	font-size: 16px;
	text-align: right;
}
</style>
</html>